{% extends 'trp/base.html'%}
{% block content %}
<!-- 素材管理——平台运营人员+供应商/商铺运营人员 -->
<div class="pageheader">
	<a class="btn-create creatematerial" href="javascript:;"><span class="glyphicon glyphicon-plus"></span>上传素材</a>
	<div class="searchbox pull-right">
        <label>搜索<input id="term" class="searchbox-ipt" placeholder="按ID、名称和标签模糊搜索" type="text"></label>
        <a class="searchbox-btn" href="javascript:;"></a>
    </div>
	<div class="dropbox pull-right">
	    <select name="status" style="width:150px;" placeholder="按审核状态搜索">
			<option></option>
			<option value="">全部状态</option>
			<option value="0">待审核</option>
			<option value="1">通过</option>
			<option value="2">拒绝</option>
		</select>
    </div>
    <div class="dropbox pull-right">
	    <input type="text" name="type" style="width:150px;" placeholder="按类型搜索" />
    </div>
    <div class="dropbox pull-right">
	    <input type="text" name="measure" style="width:150px;" placeholder="按尺寸搜索" />
    </div>
</div>
<div class="pagebox">
	<table id="materialList" class="grid" width="100%">
	    <thead>
	        <tr>
	        	<th style="width:80px;">素材ID</th>
	            <th minwidth="100">素材名称</th>
				<th minwidth="100">标签</th>
				<th style="width:80px;">宽</th>
                <th style="width:80px;">高</th>
                <th style="width:80px;">格式</th>
                <th style="width:100px;">素材大小</th>
				<th minwidth="100">跳转地址</th>
				<th style="width:80px;">频次控制</th>
				<th style="width:120px;">审核状态</th>
				<th minwidth="150">操作</th>
	        </tr>
	    </thead>
	    <tbody>
	    	<tr><td colspan="10" class="loading">&nbsp;</td></tr>
	    </tbody>
	</table>
</div>
<div class=" pop-form form-group pop-creatematerial" style="display:none;">
	<form class="materialForm">
		<div class="form_item">
			<label class="form_label">链接地址：</label>
			<div class="form_ctrl">
				<input type="text" name="landingpage" class="form-control required" placeholder="统一链接地址，可逐个素材修改" />
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">标签：</label>
			<div class="form_ctrl">
				<input type="text" name="tags" class="form-control" placeholder="统一标签，可逐个素材修改" />
			</div>
		</div>
		<div class="form_item">
			<label class="form_label">频次控制：</label>
			<div class="form_ctrl">
				<input type="text" name="frequency" class="form-control" placeholder="请填写频次..."/>
			</div>
		</div>
		<div class="form_item uploadercont" style="height:auto;">
			<label class="form_label">素材上传：</label>
			<div class="form_ctrl">
				<!-- <div class="upsinglefile" style="width:100px;height:30px;"></div>
				<div class="upmultiplefil" style="width:100px;height:30px;"><i></i><em class="vkoe-ico2"></em>多文件上传</div> -->
				<div class="uploader">
				    <p>您的浏览器不支持 Flash, Silverlight or HTML5</p>
				</div>
			</div>
		</div>
		<!-- <div class="form_item uploadercont" style="height:auto;display:none;">
			<div class="form_ctrl" style="width:80%;margin:0 0 0 163px;">
				<div class="uploader">
				    <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
				</div>
			</div>
		</div> -->
		<div class="form_item preview" style="display:none;height:auto;">
			<label class="form_label">预览素材：</label>
			<div class="form_ctrl previewlist" style="max-height:500px;padding:0 10px 0 0;margin-top:15px;overflow-x:hidden;overflow-y:auto;border:1px solid #ccc;"></div>
		</div>
	</form>
</div>
<div class=" pop-form form-group pop-refuse" style="display:none;">
	<form class="refuseForm">
		<div class="form_item hasunit" style="height:auto">
			<label class="form_label">拒绝原因：</label>
			<div class="form_ctrl">
				<textarea type="text" name="reason" class="form-control required" placeholder="请填写原因..." style="float:left;width:250px;height:100px;"></textarea>
			</div>
		</div>
	</form>
</div>
<script>seajs.use('trp/js/material_vendor');</script>
{% endblock %}